<div>
    {{if $.data.length}}
    <table>
        <colgroup>
            <col width="5%" style="min-width: 50px;">
            <col width="40%">
            <col width="15%">
            <col width="10%">
            <col width="10%">
            <col width="10%">
            <col width="15%">
            <col width="15%">
            <col width="5%" style="min-width: 50px;">

        </colgroup>
        <tbody>

        {{each $.data}}

        <tr class="listItem" data-o2-events="mouseover:overTaskItem; mouseout:outTaskItem; o2load:loadItemFlag">
            <td>
                <div class="selectFlag" style="display: none">
                    <div class="selectFlagArea" style="cursor: pointer"data-o2-events="click:selectFile:{{$.id}}">
                        <div class="selectFlagIcon o2WorkApplication"></div>
                    </div>
                </div>
            </td>
            <td style="text-align: left;">
                <div class="listItemTitle" style="display: flex">
                    <div class="listItemTitleSubject">
                        {{$.title}}
                    </div>
                </div>
            </td>
            <td style="text-align: left;"><span>{{$.processName}}</span></td>
            <td style="text-align: left;"><span>
                {{
                (function(){
                    if($.type === "abandonedWorkCompleted"){
                        return "结束"
                    }else{
                        return $.activityName;
                    }

                })() }}
            </span></td>
            <td style="text-align: left;"><span>{{$.creatorPersonName}}</span></td>
            <td style="text-align: left;"><span>{{$.creatorUnitName}}</span></td>
            <td style="text-align: left;"><span>{{$.startTime}}</span></td>
            <td style="text-align: left;"><span>{{$.createTime}}</span></td>
            <td style="text-align: left;">
                <span title = "{{$.lp.remove}}" class="o2WorkApplication icon-delete operateicon" data-o2-events="click:delete:{{$.id}}"></span>
            </td>
        </tr>
        {{end each}}
        </tbody>
    </table>
    {{end if}}
    {{if !$.data.length}}
    <div class="emptyListArea">
        <div class="emptyListIcon"></div>
        <div class="emptyListText">
            {{$.lp.noFile}}
        </div>
    </div>
    {{end if}}
</div>
